﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        ul { list-style: none url(img/Arrow.png) inside; }
        ul ul { list-style: disc outside; }
        .float ul li  
        {
        	/**display:inline; **/
        	float:left;
        }
    </style>
</head>
<body>
    <div>
        <h2>Unordered List</h2>
        <ul>
            <li>This</li>
            <li>That</li>
            <li>The other</li>
        </ul>
    </div>
    <div>
        <h2>Ordered List</h2>
        <ol>
            <li>The first thing</li>
            <li>The second thing</li>
            <li>The third thing</li>
        </ol>
    </div>
    <div>
        <h2>Nested List</h2>
        <ul>
            <li>This
                <ul>
                    <li>This type of this</li>
                    <li>That type of this
                    <ul>
                        <li>This type of that type of this</li>
                        <li>That type of that type of this</li>
                        <li>The other type of that type of this</li>
                    </ul>
                    </li>
                    <li>The other type of this</li>
                </ul>
            </li>
            <li>That</li>
            <li>The other</li>
        </ul>
    </div>
    <div>
        <h1>Definition List</h1>
        <dl>
            <dt>Cat</dt>
            <dd>A little furry thing that purrs.</dd>
            <dt>Dog</dt>
            <dd>A big shaggy thing that barks.</dd>
        </dl>
    </div>
    <div class="float">
        <h2>Float List</h2>
        <ul>
            <li><a href="http://www.google.com">This</a></li>
            <li><a href="http://www.bing.com">That</a></li>
            <li><a href="http://www.baidu.com">The other</a></li>
        </ul>
    </div>
</body>
</html>
